<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/css/common.css"/>
    <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
    <style>
        .circleWrap {
            display: inline-block;
            border-radius: 50%;
            text-align: center;
            -webkit-text-size-adjust: none;
            overflow: hidden;
            width: 200px; height: 200px; line-height: 200px;
        }
    </style>
</head>

<body>

<div class="page">

    <div class="content" style="background: white">

        只是模板了一下


        <div class="circleWrap"
             style=" background: url(https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2018-04-09/63ffc0bd055a84717dbddf34428fb692.jpg)">
        </div>

        <div class="circleWrap"
             style=" background: url(https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2018-04-09/63ffc0bd055a84717dbddf34428fb692.jpg) 0% 0% / cover;">
        </div>


        <div class="circleWrap"
             style=" background: url(https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2018-04-09/63ffc0bd055a84717dbddf34428fb692.jpg) 0% 0% no-repeat/ contain;">
        </div>


    </div>


</div>
<script>

</script>
</body>

</html>